<template>
     <div class="singer-detail-wrapper">
           <musicList :singerInfo="singerInfo" :nomarlSongList="nomarlSongList"/>
    </div>
</template>

<script>
import {mapState,mapActions,mapGetters} from "vuex";
import musicList from "@/base/music_list/music_list"
    export default {
        components:{
            musicList
        },
        methods:{
            ...mapActions(["_getSingerDetail"])
        },
        computed:{
            ...mapState(["singerInfo"]),
            ...mapGetters(["nomarlSongList"])
        },
        created(){
            this._getSingerDetail()
        }
    }
</script>

<style scoped lang="stylus">
 .singer-detail-wrapper
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    bottom: 0;
    z-index 999
</style>